<template>
  <div class="content">
    <SideBar></SideBar>
    <!-- <Banner></Banner> -->
    <router-view></router-view>
    <!--     <routerPage></routerPage> -->
  </div>
</template>

<script>
import SideBar from "../components/SideBar.vue";
import Banner from "../components/Banner.vue";
import routerPage from "../components/main/routerPage.vue";
export default {
  components: {
    SideBar,
    Banner,
    routerPage,
  },
};
</script>

<style scoped>
.content {
  width: 100%;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  justify-content: space-evenly;
  padding-top: 30px;
}
</style>